// 该文件专门用于创建整个应用的路由器
import VueRouter from "vue-router"
// 引入组件
import About from "../pages/About.vue"
import Home from "../pages/Home.vue"
import News from "../pages/News.vue"
import Message from "../pages/Message.vue"
import Deatil from "../pages/Deatil.vue"
// 创建并暴露一个路由器
export default new VueRouter({
	routes:[
		{
			name:"guanyu",
			path:'/about',
			component:About
		},
		{
			name:"jia",
			path:"/home",
			component:Home,
			children:[
				{
					path:"news",
					component:News
				},
				{
					path:"message",
					component:Message,
					children:[
						{	
							name:"xiangqing",
							path:"deatil/:id/:title",
							component:Deatil,
							// props的第一种写法，值为对象，该对象中所有key-value都会以props的形式传给Detail组件
							// props:{a:1,b:'hello'}
							//props的第二种写法，值为布尔值,若布尔值为真，就会把该路由组件收到的所有params参数，以props的形式传递给Detail组件
							// props:true
							// props的第三种写法，值为函数
							props($route){
								return {
									id:$route.params.id,
									title:$route.params.title
								}
							}
						}
					]
				}
				
			]
		},
		
	]
})